<template>
  <div id="app">
    <!-- 路由占位符 -->
    <transition name="el-zoom-in-center">
      <router-view></router-view>
    </transition>
  </div>
</template>

<script>
  // import DevicePixelRatio from './screen';
  export default {
    name: "app",
    // created() {
    //   new DevicePixelRatio().init();
    // }
    //防止vuex中的数据随网页刷新而丢失
    // created() {
    //   if (sessionStorage.getItem("store")) {
    //   this.$store.replaceState(
    //     Object.assign(
    //     {},
    //     this.$store.state,
    //     JSON.parse(sessionStorage.getItem("store"))
    //     )
    //   );
    //   sessionStorage.removeItem("store")
    //   }

    //   window.addEventListener("beforeunload", () => {
    //   sessionStorage.setItem("store", JSON.stringify(this.$store.state));
    //   });
    // }
  };
</script>


<style>
  #app {
    background: linear-gradient(45deg, #fff 0%, #fff 100%) !important;
  }

  .el-breadcrumb {
    border-bottom: 1px solid #cccccc !important;
  }
</style>